<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>测试发出post异步请求</h1>
<form action="">
    <input type="text" name="info">
    <input type="button" value="发出请求" onclick="fn()">
</form>
<!--引入axios框架-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
    function fn() {
        //当发出请求时需要从form表单中获取用户输入的数据并一起提交给服务器时使用post请求否则使用get请求
        //先得到form表单中的数据
        let data = new FormData(document.querySelector("form"))
        //发出异步请求 并且把form表单中的数据一起传递给服务器
        axios.post("/test01",data).then(function (response) {
            alert(response.data);
        })
    }
</script>
</body>
</html>